<template>
  <div class="cashlist">
      <x-header :left-options="{showBack: true, backText:'余额明细'}"></x-header>
      <div class="weui-cells" v-for="item in cashlist"><div  class="weui-cell weui-cell_access"><div class="weui-cell__bd">提现<p>余额:￥12.00</p></div><div  class="weui-cell__ft"><span>-6.50</span><p>2017-11-20 12:30</p></div></div></div>
      <div class="weui-cells"><div  class="weui-cell weui-cell_access"><div class="weui-cell__bd">进账<p>余额:￥18.50</p></div><div  class="weui-cell__ft"><span class="active">+18.50</span><p>2016-11-20 11:45</p></div></div></div>
  </div>
</template>

<script>
import { XHeader } from 'vux'

export default {
  components: {
    XHeader
  },
  data(){
    return {
      cashlist:null,
    }
  },
  created() {
    this.$http.get('/api/order/completed_sale?page=1').then((res) => {
      console.log(res.body.data);
      this.cashlist = res.body.data;
    });
  },  
}
</script>

<style scoped lang="less">
@import '~vux/src/styles/1px.less';
.more-logo{
  height:10.4rem;
  width:10.4rem;
  margin-top:6rem;
  margin-left:50%;
  transform:translateX(-5.2rem);
}
.more-logo img{
  width:100%;
  height:auto;
}
.copy-r{
  text-align:center;
  font-size:16px;
  color:#3f3f3f;
  margin:1.6rem 0;
}
.weui-cells a{
  color:#3f3f3f;
  font-size:16px;
}
.weui-cells{
  margin-top:-1px;
}
.weui-cell{
  padding:10px 20px;
}
.vux-header{
  background-color:#ff4d4d;
}
.weui-cell__ft p,.weui-cell__ft span{
  margin-right:0.5rem;
  color:#3f3f3f;
}
.weui-cell__ft p{
  color:#969696;
  font-size:14px;
}
.weui-cell__ft span.active{
  color:#1592e2;
}
.cashlist .weui-cell__bd p{
  font-size:14px;
  color:#969696;
}
.cashlist .weui-cell_access .weui-cell__ft:after {
    height: 10px;
    width: 10px;
    border-width: 3px 3px 0 0;
}
.cashlist{
  margin-top:46px;
}
</style>